<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="pg" uri="http://jsptags.com/tags/navigation/pager" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
	session.setAttribute("basePath", basePath);
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>添加菜品</title>
<script type="text/javascript" src="${basePath }js/jquery-2.1.4.js"></script>
<script type="text/javascript" src="${basePath }js/bootstrap.min.js"></script>
<link rel="stylesheet" href="${basePath }css/bootstrap.min.css">
</head>
<body>
<!--顶部-->
<div class="row">
    <div style="float:left;height:60px;background-color: black" class="col-md-4">
        <p style="margin-left: 30px;margin-top: 13px;color: white;font-size: large">
            <img src="${basePath}img/icon.png">
            原地起飞 - 餐厅到店点餐系统</p>
    </div>
    <div style="float:left;background-color:black;height:60px;padding:13px;" class="col-md-4">
        <form class="form-inline" action="" method="post">
            <div class="form-group">
                <input type="text" class="form-control" id="send" style="width: 300px" name="" placeholder="公告">
            </div>
            <button type="submit" class="btn btn-default">发送</button>
            <span style="color:white;">	餐厅管理界面</span>
        </form>

    </div>
    <div style="float:left;background-color:black;height:60px;padding:5px;" class="col-md-4" >
        <p style="color:white;margin:15px">
            <img class="img-circle" src="${basePath}img/h1.png" style="width:30px;height:30px;object-fit:contain;">
            当前用户：【<a title="点击我即可修改信息" style="color:red;" href="${basePath }user/update.do?userId=${usermessage.userId}">
            ${usermessage.userName }</a>】，身份为：${usermessage.roleDO.roleName}
            <a href="${basePath }/OrderSys/pages/login.jsp" style="float:right;margin-right:10px;color: white">退出登录</a>
            <a style="float:right;margin-right:10px;color: white" href="${basePath }/OrderSys/pages/AdminIndex.jsp">回到管理员界面</a>
        </p>
    </div>
</div>
<!--主体-->
<div class="row">

</div>
<!--主体左侧-->
<div class="row col-md-3" >
    <div style="float:left;background-color:#F2F2F2;width:90%;height:650px;">
        <p style="font-size: 25px;margin:15px">
            <img src="${basePath}img/manage.png" style="width:40px;height:40px;">
            运营功能</p>
        <img src="${basePath}/img/jie.PNG" style="width:30px;height:30px;margin:10px;object-fit:contain;">
        <a href="${basePath}OrderSys/admin/SettleOrderPass.jsp" style="color:#01A9DB;margin:10px">顾客结账界面</a>
        <p style="font-size: 25px;margin:15px">
            <img src="${basePath}img/eat.png" style="width:40px;height:40px;">
            餐厅管理</p>
        <img src="${basePath}img/user.png" style="width:30px;height:30px;margin:10px;object-fit:contain;">
        <a href="${basePath }user/browseuser.do?userId=${usermessage.userId}&roleId=${usermessage.roleDO.roleId}"
           style="color:#01A9DB;margin:10px" >
            员工管理</a><br>
        <img src="${basePath}img/location.png" style="width:30px;height:30px;margin:10px;object-fit:contain;">
        <a href="${basePath}foodtype/findAllFoodType.do" style="color:#01A9DB;margin:10px">菜品管理</a><br>
        <!-- <img src="${basePath}img/run.png" style="width:30px;height:30px;margin:10px;object-fit:contain;">
        <a href="" style="color:#01A9DB;margin:10px">查看经营数据</a> -->
    </div>
</div>
<!--主体右侧-->
<div class="row col-md-9" style="margin-left: 11px">
    <!--上-->
    <div style="background-color:#F2F2F2;height:35px;padding:10px;margin-left:15px;border-radius:5px;margin-top:15px;">
        <a>首页</a>/
        <a style="color: black">管理员</a>/
        <a style="color:#6F6F6F">菜品管理界面</a>
    </div>
    <!--下-->
    <div class="row">
        <div class="row col-md-7" style="border-bottom:solid #F2F2F2; margin-left:15px;margin-top: 10px;height: 590px">
            <h1>请填写菜品信息：</h1>
            <p>请在下面的表单中填写新增加的菜品名称、价格等描述信息</p>
            <div style="height:95px;margin-top:15px;margin-right:15px;border-radius:5px;border:2px solid #FFD6CC;">
            <div style="background-color:#FFD6CC;height:35px;padding:10px;">
                <p style="color:#881B00;font-size:13px">！注意事项</p>
            </div>
                <p style="margin: 8px">请正确填写菜品描述信息,菜品名称不要超过20个字符,菜品简介不要超过200个字符，菜品详细描述不要超过400个字符,菜品价格请输入正确的数字格式</p>
            </div>
            <form class="form-horizontal" style="margin:15px" >
                <div class="form-group">
                    <label class="col-sm-2 control-label">名 称:</label>
                    <div class="col-sm-10">
                        <input type="dishesname" class="form-control" id="inputname3" placeholder="请输入菜品名称">
                    </div>
                </div>
                <div class="form-group">
                    <label  class="col-sm-2 control-label">简 介:</label>
                    <div class="col-sm-10">
                        <input type="introduction" class="form-control" id="inputintro" placeholder="请输入少于100字的简介">
                    </div>
                </div>
                <div class="form-group">
                    <label  class="col-sm-2 control-label">说 明:</label>
                    <div class="col-sm-10">
                        <textarea class="form-control" rows="3" style="height: 120px"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label  class="col-sm-2 control-label">价 格:</label>
                    <div class="col-sm-10">
                        <input type="introduction" class="form-control" id="inputpric" placeholder="请输入菜品价格">
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <div class="checkbox">
                            <label>
                                <input type="checkbox"> 推荐菜品
                            </label>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-offset-2 col-sm-10">
                        <button type="submit" class="btn btn-default" style="border:0px;background-color: #F79090;color: white">添加菜品</button>
                    </div>
                </div>
            </form>
        </div>
        <div class="row col-md-5" style="border-left:solid #F2F2F2;border-bottom:solid #F2F2F2;margin-left:10px;margin-top: 10px;height: 590px">
            <h1>设置图片:</h1>
            <p>菜品图片上传成功后将在下面直接预览</p>
            <img class="img-circle" style="width:150px;height:150px;object-fit:contain;margin-top: 10px;margin-left: 120px" src="${basePath}img/food.png">
            <p style="margin-left: 140px;margin-top: 10px">当前菜品图像预览</p>
            <p>为菜品指定新的图片,请选择图片文件后,点击<strong style="color:red;">上传图片</strong>按钮</p>
            <input type="file" class="btn btn-default" role="button"style="margin-left: 40px">
            <button type="submit" class="btn btn-default" style="border:0px;background-color: #F73809;color: white;
            margin-top:5px;margin-left: 150px">上传图片</button>
        </div>
    </div>

</div>
</body>
</html>